html,body{
	width: 100%;
	height: 100%;
	font: 12px/150% Arial,Verdana,"\5b8b\4f53";
	color: #666;
	/*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); !* IE *!
	-webkit-filter: grayscale(100%); !* Chrome, Safari, Opera *!
	filter: grayscale(100%);*/
}
*{margin:0;padding:0;list-style:none;text-decoration:none;}
a{color:#666;}
a:hover{color:red;}

em{
	font-style: normal;
}
.clear{clear: both}

.tool-bar-wrap{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	
}
.tool-bar{
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background-color: aliceblue;
	width: 0px;
	border-right: solid 6px #7a6e6e
}
.jdm-toolbar-tab{
	height: 180px;
	position: absolute;
	top: 50%;
	margin-top: -90px;
	left: -29px;
	width: 30px;
}
.jdm-toolbar-bottom .jdm-tab-menu,.jdm-toolbar-tab .jdm-tab-menu{
	position: relative;
	height: 35px;
	margin-bottom: 1px;
	border-radius: 4px 0px 0px 4px;
}

.jdm-toolbar-bottom .tab-text ,.jdm-toolbar-tab .tab-text {
	width: 62px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 10px;
	position: absolute;
	z-index: 1;
	left: 35px; 
	top: 0;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-transition: left .3s ease-in-out .1s;
	-moz-transition: left .3s ease-in-out .1s;
	transition: left .3s ease-in-out .1s;
	_display: none;
}

.jdm-toolbar-bottom .tab-ico ,.jdm-toolbar-tab .tab-ico {
	width: 34px;
	height: 35px;
	margin-left: 1px;
	position: relative;
	z-index: 2;
	background-color: #7a6e6e;
	_display: block;
}

.jdm-toolbar-bottom .jdm-tab-menu .tab-ico:hover,.jdm-toolbar-tab .jdm-tab-menu .tab-ico:hover{background-color: #c81623;}
.jdm-toolbar-bottom .jdm-tab-menu:hover .tab-text,.jdm-toolbar-tab .jdm-tab-menu:hover .tab-text  {
	left: -60px;
	background-color: #c81623;
	_display: block;
}
.jdm-toolbar-bottom .tab-ico ,.jdm-toolbar-tab .tab-ico {
	display: inline-block;
	background-image: url(../images/toolbar.png);
	_background-image: url(../images/toolbar-png8.png);
	background-repeat: no-repeat;
}
.jdm-tbar-tab-cart .tab-ico {
	background-position: -50px 0;
}
.jdm-tbar-tab-follow .tab-ico {
	background-position: -50px -50px;
}
.jdm-tbar-tab-history .tab-ico {
	background-position: -50px -100px;
}
.jdm-tbar-tab-message .tab-ico {
	background-position: -190px -150px;
}
.jdm-tbar-tab-jimi .tab-ico {
	background-position: -50px -150px;
}
.jdm-tbar-tab-top .tab-ico {
	background-position: -50px -250px;
}
.jdm-tbar-tab-feedback .tab-ico {
	background-position: -50px -300px;
}
.jdm-tbar-tab:hover .tab-ico {
	background-color: #c81623;
}



.jdm-toolbar-bottom{
	position: absolute;
	bottom: -1px;
	left: -29px;
	width: 30px;

}

.jdm-tbar-tab-survey {
	z-index: 2;
	background-color: red;
	width: 35px
}
.jdm-tbar-tab-survey .jdm-text{
	line-height:17px;
	color: #fff;
	text-align: center;
	font-family: "微软雅黑";
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-transition: left .3s ease-in-out .1s;
	-moz-transition: left .3s ease-in-out .1s;
	transition: left .3s ease-in-out .1s;
	_display: none;
	display: inline-block;
	font-size: 13px;
}

/* header ============================================================================================================================================================================ */

#header {clear: both;width: 100%;height: 30px;line-height: 30px;background: #F1F1F1;}
.header-box{width:1210px;margin:0 auto;}
.ci-leftll{font: 400 15px/15px consolas;height: 7px;overflow: hidden;position:absolute;top:12px;right:5px;-webkit-transition: -webkit-transform .1s ease-in 0s;color:#6a6a6a;-moz-transition: -moz-transform .1s ease-in 0s;}
#header li:hover .ci-leftll{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.header-left{float:left;font-size:12px;color:#666;width:96px;height:30px;}
.header-left li{padding:0 24px 0 10px; position:relative;}
.header-left li:hover .bj-1{display:block;}
.droplist{border-left:1px solid #F1F1F1;border-right:1px solid #F1F1F1;}
.droplist .droplist-pannel{z-index: 100}
.droplist:hover{background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.bj-1{width:310px;border:1px solid #ccc;border-top:none;display:none;position:absolute;top:30px;left:-1px;background:#fff;}
.bj-1 a{display:inline-block;height:20px;padding:0 5px; line-height:20px; margin:0 12px;}


.header-right{float:right;}
.header-right li{float:left;padding:0 2px;font-size:12px;height:30px; padding:0 24px 0 10px;position:relative;}
.header-right .shu{width:1px;height:12px;margin-top:9px;background:#ddd;padding:0;}
.ci-right{font: 400 15px/15px consolas;height: 7px;overflow: hidden;position:absolute;top:12px;right:5px;-webkit-transition: -webkit-transform .1s ease-in 0s;color:#6a6a6a;-moz-transition: -moz-transform .1s ease-in 0s;color:#6a6a6a;}
#header li:hover .ci-right{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.myjd{width:260px;height:240px;border:1px solid #ccc;border-top:none;position:absolute;left:-1px;top:30px;display:none;background:#fff;}
.my:hover .myjd{display: block;}
.myjd .myinfo img{width:77px;height:77px;margin: 15px;border-radius: 60px;}
.myjd .myinfo .login{float: right;margin: 30px;}
.myjd .menu{display: inline-block;margin: -10px 12px;}


.shouji .shouji1{width:260px;height:240px;border:1px solid #ccc;border-top:none;position:absolute;left:-1px;top:30px;display:none;background:#fff;}
.shouji:hover .shouji1{display: block;}
.app-qrcode{width:90px;height:100px;padding:10px 10px;}
.shouji .shouji1 .intro{float: right;width: 150px;margin-top: 15px}
.yi{border-top: 1px solid #ccc;margin-top: -10px; }
.android{width: 15px}
.ios{width: 15px}



/*    ========== top banner  ================== */
.top-banner{width: 100%;height: 80px;background-color: #f5245b}
.top-banner .topb{width: 1210px;margin: 0 auto;height: 80px;position: relative;}
.top-banner .topb .close{position: absolute;top: 0px;right: 0px;}





.w{
	width: 1210px;margin: 0 auto;position: relative;
}
.w .logo{
	padding: 20px 0;
	width: 360px;
	height: 60px;
	float: left;
}
.w .search{
	float: left;
	margin-top: 30px;
}
.w .search .text{float: left;height: 24px;width: 455px;padding: 4px;line-height: 24px; border-color: #b61d1d;border-style: solid;border-width: 2px 0 2px 2px;}
.w .search .button{float: left;width:82px;height: 36px;background-color: #b61d1d;padding: 4px;border:none;color: white;font-size: 16px;}
.w .right{float: right;width: 75px;height: 34px;border:1px solid #dfdfdf;padding: 0 28px 0 38px;margin-top: 30px;margin-right: 30px;position: relative;font-size: 12px;line-height: 32px;}
.w .hotwords{clear: both;position: absolute;top: 69px;left: 360px;}
.w .right .gw-left{position: absolute;top: 8px; left: 17px;}
.w .right .gw-right{font: 400 13px/13px simsun;top: 10px;position: absolute;right: 11px;color: #999;}
.w .right .gw-count{position: absolute;  top: -4px;left: 111px;background-color: red;display: inline-block;text-align: center;color: white;width: 14px;height: 15px;  line-height: 14px;  border-radius: 5px 5px 5px 5px;}
.w .right .gw-count{animation: pulseAnimate;-webkit-animation: pulseAnimate 1s infinite}
@keyframes pulseAnimate{
	0%,100%{transform: scale(1);}
	50%{transform: scale(1.1);}
}
@-webkit-keyframes  pulseAnimate{
	0%,100%{transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
}
@-o-keyframes  pulseAnimate{
	0%,100%{transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
}
@-moz-keyframes  pulseAnimate{
	0%,100%{transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
}
@-ms-keyframes  pulseAnimate{
	0%,100%{transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
}
.dorpdown-layer{display: none;position: absolute;left: -170px;top: 34px;width: 310px;border: 1px solid #dfdfdf;z-index: 1;}
.w .right:hover .dorpdown-layer{display: block}
.dorpdown-layer img{vertical-align: middle}


/* nav  */
#nav-images{clear: both; position: relative; width: 100%;}
.top-nav{  height: 10px;  width: 100%;  position: absolute;  top: 40px;  }
.nav-imgs{width: 100%;height: 450px;position: absolute;top: 65px}
.focus{width: 1210px;  margin: 0 auto;  height: 46px;  position: relative;}
.focus .focus-a {width: 210px;  height: 44px;}
.focus .focus-a .fouc-img1 img{height: 50px;width: 210px}
.fouc-font{color: white;text-align: left;position: absolute;  top: 14px;  left: 10px;}
.fouc-font a{color: white;}

.focus .focus-b{width: 650px;position: absolute;top: 15px;left: 230px;}
.focus .focus-b ul{}
.focus .focus-b ul li{float: left;padding: 0 20px;}
.focus .focus-b ul li a {color: #333;font-size: 16px;}

.focus .focus-c {position: absolute;right: 0;top: 4px;}
.focus .focus-d{position: absolute;left: 458px;top: 0px;}
.focus .focus-d{
	animation: crazyswing 1s infinite;
	-webkit-animation: crazyswing 1s infinite;
	-moz-animation: crazyswing 1s infinite;
	-ms-animation: crazyswing 1s infinite;

}
@-webkit-keyframes crazyswing{
	0%,100%{-webkit-transform:translate(0,0) rotate(0);}
	15%{-webkit-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -webkit-transform: translate(10%,0) rotate(3deg);}
	45%{ -webkit-transform: translate(-10%,0) rotate(-3deg);}
	60%{ -webkit-transform: translate(5%,0) rotate(2deg);}
	75%{ -webkit-transform: translate(-5%,0) rotate(-1deg);}
}
@-moz-keyframes crazyswing{
	0%,100%{-webkit-transform:translate(0,0) rotate(0);}
	15%{-webkit-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -webkit-transform: translate(10%,0) rotate(3deg);}
	45%{ -webkit-transform: translate(-10%,0) rotate(-3deg);}
	60%{ -webkit-transform: translate(5%,0) rotate(2deg);}
	75%{ -webkit-transform: translate(-5%,0) rotate(-1deg);}
}
@-ms-keyframes crazyswing{
	0%,100%{-webkit-transform:translate(0,0) rotate(0);}
	15%{-webkit-transform: translate(-15%,0) rotate(-5deg);}
	30%{ -webkit-transform: translate(10%,0) rotate(3deg);}
	45%{ -webkit-transform: translate(-10%,0) rotate(-3deg);}
	60%{ -webkit-transform: translate(5%,0) rotate(2deg);}
	75%{ -webkit-transform: translate(-5%,0) rotate(-1deg);}
}

.dd-inner{height:466px;background:#c81623;width:210px;margin-top:7px;margin-left:0px;}
.dd-inner .item{height:31px;color:#fff;line-height:31px;border-left:2px solid #c81623;position:relative;}
.dd-inner .item h3{font-family: "microsoft yahei";font-size:14px;font-weight:400;height:31px;line-height:31px;position: absolute;left:11px;}
.dd-inner .item a{color:#fff;}
.dd-inner .item i{font: 400 9px/14px consolas;position:absolute;top:9px;right:14px;width:4px;height:14px;}
.bb{width:210px;height:2px;background:#c81623;position:absolute;top:49px;}


.font-item1{position:absolute;left:210px;top:50px;z-index:100;width:999px;border:1px solid #c81623;border-left:none;background:#f7f7f7;display:none;}
.font-item1 .font-left{width:790px;float:left;padding:20px 0 0 20px;background:#f7f7f7;}
.font-item1 .font-left a{float:left;display:inline-block;margin-left:10px;line-height:24px;background:#7c7171;color:#fff;padding:0 0 0 8px;}
.font-item1 .font-left i{font: 400 9px/24px consolas;display:inline-block;cursor: pointer;width:23px;height:24px;line-height:24px;background:#5c5251;text-align:center;margin-left:8px;}
.font-item1 .font-left .one:hover a{background:#c81623;}
.font-item1 .font-left .one:hover i{background: #b1191a;}
.font-item1 .font-left .two:hover a{background:#c81623;}
.font-item1 .font-left .two:hover i{background: #b1191a;}
.font-item1 .font-left .three:hover a{background:#c81623;}
.font-item1 .font-left .three:hover i{background: #b1191a;}
.font-item1 .font-left .four:hover a{background:#c81623;}
.font-item1 .font-left .four:hover i{background: #b1191a;}zz
.font-item1 .font-left .five:hover a{background:#c81623;}
.font-item1 .font-left .five:hover i{background: #b1191a;}
.font-item1 .font-left .sex:hover a{background:#c81623;}
.font-item1 .font-left .sex:hover i{background: #b1191a;}
.font-item1 .font-lefty{clear:both;float:left;padding:6px 3px 56px 20px;background:#f7f7f7;position:relative;}
.font-item1 .font-lefty .fore1{width:100%;overflow:hidden;position:relative;}
.font-item1 .font-lefty .fore1 dt{font-weight:700;width:54px;padding: 8px 30px 0 0;float:left;text-align:right;}
.font-item1 .font-lefty .fore1 i{font: 400 9px/14px consolas;position:absolute;top:11px;left:64px;}
.font-item1 .font-lefty dd{width:620px;float:left;}
.font-item1 .font-lefty dd a{float:left;padding:0 8px;margin:10px 0;height:16px;line-height:16px;border-left:1px solid #e0e0e0;}
.font-item1 .font-right{float:right;width:168px;overflow:hidden;margin:-29px 20px 10px 0;}
.font-item1 .font-right a{float:left;display:inline;margin:1px 0 -4px 1px;}
.font-item1 .font-right a img{width:83px;height:35px;}
.font-item1 .font-righty{margin-right:20px;width:168px;float:right;}


.font-item1{position:absolute;left:210px;top:50px;z-index:100;width:999px;border:1px solid #c81623;border-left:none;background:#f7f7f7;display:none;}
.dd-inner .item:hover{background:#f7f7f7;color:red;}
.dd-inner .item:hover a{color:red;}
.font-item:hover .font-item1{display:block;}
.fore-1:hover .font-item1{display:block;}
.fore-2:hover .font-item1{display:block;}
.fore-3:hover .font-item1{display:block;}
.fore-4:hover .font-item1{display:block;}
.fore-5:hover .font-item1{display:block;}



/*轮播图*/
#lunbo{clear:both;position:absolute;top:63px;left:220px;width:720px;}
#one{width:730px;overflow:hidden;height:457px;}
#one li{float:left;width:0;}
#one .on{width:720px;}
#two .on{background:red;}
#two{position:absolute;right:295px;bottom:10px}
#two li{float:left;padding:1px  6px;border:1px solid #fff;margin-left:10px;background:#666;border-radius:20px;color:#fff;cursor: pointer;text-align:center;}
/*轮播图左右箭头*/

.slider-page{display:none;}
.slider-page a{display:block;width:28px;height:62px;line-height:62px;background: rgba(0,0,0,.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);color: #fff;text-align: center;font-size: 22px;font-weight: 400;margin-top: -31px;font-family: simsun;}
#left{position:absolute;left:0px;top:215px;}
#right{position:absolute;right:0px;top:215px;}
#lunbo:hover .slider-page{display:block;}


/*轮播图右边快报  服务栏*/
.m{width:248px;height:200px;border:1px solid #e4e4e4;position:absolute;right:0;top:60px;}
.mt{padding: 0 15px;border-bottom: 1px dotted #E8E8E7;height: 43px;line-height: 43px;}
.mt h3{float:left;}
.mt .extra{float:right;font: 400 9px/43px consolas;}
.mc{padding:8px 0 0 15px;}

.mc li span{font-weight:700;margin-right:5px;}

.ms{width:248px;height:256px;border:1px solid #e4e4e4;position:absolute;right:0;top:260px;}
.ms .mm{padding: 0 15px;height: 43px;line-height: 43px;}
.ms .mm .extra{float:right;font: 400 9px/43px consolas;}
.mm h3{float:left;}

.mmm{position:relative;}
.mmm ul{position:relative;width:260px;height:209px;overflow:hidden;}
.mmm li{float:left;display:inline;width:61px;height:70px;cursor: pointer;position:relative;border-right: 1px solid #E8E8E7;border-bottom: 1px solid #E8E8E7;border-top: 1px dashed #E8E8E7;}
.mmm a{display:block;width:62px;height:28px;text-align: center;}

.ci-left{width:25px;height:25px; top:13px;left:18px;position:absolute;top:12px;right:5px;}
.ci-bottom{position:absolute;bottom:5px;left:18px;}


/* 今日推荐    */
.today{width: 210px;float: left}
.today img{height: 151px;width: 210px}
.slider-today{position: relative;float: right;width: 1000px;height: 164px;overflow: hidden}
.slider-today li{float: left;width: 1000px;}
.slider-today li div{display: inline-block;width: 244px}
.slider-today .left{text-align:center;width: 25px;height: 53px;position: absolute;left:0;top: 0;bottom: 0;background-color: rgba(0,0,0,.2);margin: auto}
.slider-today .right{text-align:center;width: 25px;height: 53px;position: absolute;right:0;top: 0;bottom: 0;background-color: rgba(0,0,0,.2);margin: auto}
.slider-today a{line-height: 53px;font-size: 18px;text-align:center;color: white}
.slider-today .fore{margin-right:4px }
.slider-today img{width:247px;height: 164px;}




/*猜你喜欢*/
#guessyou {
	height: 269px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 1210px;
	clear:both;
}
#guessyou .mt, #share .mt, #special .mt, #special-buy .mt, .floor .mt {
	height: 36px;
}
#guessyou .mt, #share .mt, #special .mt, #special-buy .mt, .floor .mt {
	height: 36px;
}
.m, .mb, .mc, .mt, .p-detail, .p-img, .p-market, .p-name, .p-price, .sm, .smb, .smc, .smt {
	overflow: hidden;
}

#guessyou .mt h2 {
	padding-right: 228px;
	background: url(../images/homebg.png) 85px -89px no-repeat;
}
#guessyou .mt .extra {
	height: 18px;
	padding-right: 25px;
	margin-top: -40px;
	background: url(../images/homebg.png) -310px -5px no-repeat;
}

#guessyou .mt .extra, #guessyou .mt .tab, #share .mt .extra, #share .mt .tab, #special .mt .extra, #special .mt .tab, #special-buy .mt .extra, #special-buy .mt .tab, .floor .mt .extra, .floor .mt .tab {
	float: right;
	display: inline;
}

#guessyou .spacer {
	position: relative;
	height: 1px;
	line-height: 0;
	font-size: 0;
	background-color: #d1d1d1;
}
#guessyou:hover .spacer i {
	-webkit-animation: guess-slide 1s .5s;
	-moz-animation: guess-slide 1s .5s;
	animation: guess-slide 1s .5s;
}
#guessyou .spacer i {
	width: 365px;
	height: 5px;
	overflow: hidden;
	position: absolute;
	right: -1px;
	top: -2px;
	background: #b72323 url(../images/homebg.png) 0 -124px no-repeat;
}
em, i, u {
	font-style: normal;
}
#guessyou ul {
	height: 210px;
	padding-top: 20px;
	overflow: hidden;
	border: 1px solid #d1d1d1;border-top: none;
}
ol, ul {
	list-style: none;
}
.root61 #guessyou li {
	width: 201px;
}
#guessyou li {
	float: left;
	width: 197px;
	overflow: hidden;
	padding-bottom: 15px;
}
#guessyou .p-img {
	text-align: center;
	margin-bottom: 10px;
}
#guessyou .p-img img {
	border: 0;
	vertical-align: middle;
}
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
	margin: 0;
	padding: 0;
}
#guessyou li.fore1 .p-info {
	border-left: none;
}
#guessyou .p-info {
	padding: 0 36px;
	border-left: 1px solid #e6e6e6;
}
#guessyou .p-name {
	height: 36px;
	margin-bottom: 6px;
}
#guessyou .p-price {
	color: #b51d1a;
	font-size: 18px;
}
#guessyou .p-price i {
	font-size: 14px;
}





/* 底部*/

#service-2014 .slogen {
	position: relative;
	height: 54px;
	padding: 20px 0;
	margin-bottom: 20px;
	background: #F5F5F5;
	text-align: center;
}

#service-2014 dt {
	padding: 6px 0;
	font: 400 16px/24px "microsoft yahei";
}
#service-2014 dd {
	line-height: 20px;
}
#service-2014 dl {
	float: left;
	width: 199px;
}
#coverage {
	float: right;
	width: 310px;
	height: 168px;
	background: url(../images/20130330B_1.png) no-repeat 60px -131px;
}
#coverage .dt {
	padding: 6px 40px 15px 80px;
	font: 400 16px/24px "microsoft yahei";
}
#coverage .dd {
	padding: 0 40px 15px 80px;
}
.clr {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.ar {
	text-align: right;
}
#service-2014 .fore5{width: 100px;}
#footer-2014 {
	border-top: 1px solid #E5E5E5;
	padding: 20px 0 30px;
	text-align: center;
}
#footer-2014 .links a {
	margin: 0 10px;
}
#footer-2014 .copyright {
	margin: 10px 0;
}
#footer-2014 .authentication a {
	margin: 0 5px;
	text-decoration: none;
}